<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8"/>
		<title>Countries of the World</title>
		<script src="scripts/sessionstorage.1.4.js" language="javascript"></script>
		<script src="scripts/scripts.js" language="javascript"></script>
		<link href="styles.css" rel="stylesheet" type="text/css"/>
	</head>	
	<body onLoad="javascript:startCourse();javascript:visitHome()">
		<nav>
			<a href="index.html" class="menu-link">France</a>
			<a href="finland.html" class="menu-link">Finland</a>
			<a href="bangladesh.html" class="menu-link" >Bangladesh</a>
			<a href="gambia.html" class="menu-link">Gambia</a>
			<a href="quiz.html" class="menu-link" >Quiz</a>
		</nav>
		
		<section>
			<header>
				<h1>Quiz</h1>
			</header>
			<hr>
			<div id="image-content">
			<div class= "column">
			<img  src="graphics/france.svg" alt="Flag of France" title="Flag of France" width="300" height="200">
			</div>
			<div class= "column">
			<img  src="graphics/bangladesh.svg" alt="Flag of Bangladesh" title="Flag of Bangladesh" width="300" height="200">
			</div>
			<div class= "column">
			<img  src="graphics/finland.svg" alt="Flag of Finland" title="Flag of Finland" width="300" height="200">
			</div>
			<div class= "column">
			<img  src="graphics/gambia.svg" alt="Flag of Gambia" title="Flag of Gambia" width="300" height="200">
			</div>
			</div>
			<p>Select the best answer choice.</p>
			<form>
			<label for="question1">What is the population of France?</label><br/>
			<input type="radio" id="question1" name="question1" value="1.2million"> 1.2 Million </input> <br/>
			<input type="radio" id="question1" name="question1" value="6.5million"> 6.4 Million </input> <br/>
			<input type="radio" id= "question1" name="question1" value="3.2million"> 3.2 Million</input> <br/>
			<label for="question2">What is the official language of Gambia?</label><br/>
			<input type="radio" id="question2" name="question2" value="english"> English </input> <br/>
			<input type="radio" id="question2" name="question2" value="gambish"> Gambish </input> <br/>
			<input type="radio" id="question2" name="question2" value="french"> French </input> <br/>
			<label for="question3">What is the official language of Bangladesh?</label><br/>
			<input type="radio" id="question3" name="question3" value="english"> English </input> <br/>
			<input type="radio" id="question3" name="question3" value="bengali"> Bengali </input> <br/>
			<input type="radio" id="question3" name="question3" value="bangladeshi"> Banladeshi </input> <br/>
			</form>
			</section>
			<footer>
			</hr>
			<hr>
				<cite>
				<nav>
				<br/>Information gathered from <a href= "http://www.wikipedia.org" target="_blank"> Wikipedia</a> 
				</nav>
				<nav><br/>Created flags using SVG used images as reference from <a href= "https://www.cia.gov/library/publications/the-world-factbook/docs/flagsoftheworld.html" target="_blank" >The World Factbook</a>
				</nav>
				<nav><br/>
				Images of countries collected from<a href="http://creativecommons.org/" target="_blank"> Creative Commons</a>
				</nav>
				<nav>
				<br/>Browser used-Chrome
				</nav>
				</cite>
			</footer>
	</body>
</html>